$(function () {
  let form = layui.form;
  let layer = layui.layer;
  // 点击“去注册账号”的链接
  $("#link_reg").on("click", function () {
    console.log(20);
    $(".login-box").hide();
    $(".reg-box").show();
  });

  // 点击“去登录”的链接
  $("#link_login").on("click", function () {
    $(".login-box").show();
    $(".reg-box").hide();
  });

  //验证密码

  form.verify({
    pass: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
    repass: function (value) {
      if (value !== $(".reg-box [name=password]").val()) {
        return "两次密码不一致";
      }
    },
  });

  //监测注册提交事件
  $("#form_reg").on("submit", function (e) {
    e.preventDefault();
    let username = $(".reg-box [name=username]").val();
    let password = $(".reg-box [name=password]").val();
    $.ajax({
      method: "POST",
      url: "http://api-breakingnews-web.itheima.net/api/reguser",
      data: { username, password },
      success(res) {
        console.log(res);
        if (res.status !== 0) {
          return layer.msg(res.message);
        }
        layer.msg("注册提交成功");
        $("#link_login").click();
      },
    });
  });

  //登录提交
  $("#form_login").on("submit", function (e) {
    e.preventDefault();
    $.ajax({
      method: "POST",
      url: "/api/login",
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg("登录失败");
        }
        layer.msg("登录成功");
        localStorage.setItem("token", res.token);
        location.href = "index.html";
      },
    });
  });
});
